//
// Typography
// --------------------------------------------------

// Headings
// -------------------------

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 600;
}

// Contextual colors
.text-primary {
    .text-emphasis-variant(@primary);
}
.text-success {
    .text-emphasis-variant(@success);
}
.text-info {
    .text-emphasis-variant(@info);
}
.text-warning {
    .text-emphasis-variant(@warning);
}
.text-danger {
    .text-emphasis-variant(@danger);
}
.text-gray {
    .text-emphasis-variant(@gray);
}
.text-green {
    .text-emphasis-variant(@green);
}
.text-lime {
    .text-emphasis-variant(@lime);
}
.text-purple {
    .text-emphasis-variant(@purple);
}
.text-pink {
    .text-emphasis-variant(@pink);
}
.text-orange {
    .text-emphasis-variant(@orange);
}
.text-white {
    color: @white !important;
}
.text-black {
    color: @light-black !important;
    a {
        color: @light-black !important;
    }
}
// Typography

.text-emphasis-variant(@color) {
    color: darken(@color, 5%) !important;
    a&:hover,
    a&:focus {
        color: darken(@color, 10%) !important;
    }
}

// Contextual backgrounds

.bg-primary {
    .bg-variant(@primary);
}
.bg-success {
    .bg-variant(@success);
}
.bg-info {
    .bg-variant(@info);
}
.bg-warning {
    .bg-variant(@warning);
}
.bg-danger {
    .bg-variant(@danger);
}
.bg-gray {
    .bg-variant(@gray);
}
.bg-purple {
    .bg-variant(@purple);
}
.bg-orange {
    .bg-variant(@orange);
}
.bg-pink {
    .bg-variant(@pink);
}
.bg-green {
    .bg-variant(@green);
}
.bg-lime {
    .bg-variant(@lime);
}
.bg-black {
    .bg-variant(@light-black);
}
.bg-white {
    background-color: @white;
    hr {
        border-color: #eee !important;
    }
}

div[class^='bg-'] {
    hr {
        border-color: rgba(255, 255, 255, .3);
    }
}

// Contextual backgrounds

.bg-variant(@color) {
    background-color: @color !important;
    color: @white;
    a&:hover,
    a&:focus {
        background-color: darken(@color, 10%);
    }
}

// Page header
// -------------------------

.page-header {
	border-style: none;
    padding: 0;
    margin: 0;
    color: darken(@primary, 5%)
}